<div data-page="cardpackage" class="page">
    <div class="page-content">
        <div class="list-block cards-list">
            <ul>
                <li style="margin: 10px;">
                    <div class="wx-qrcode">
                        <img src="{{static 'img/membercard2.png'}}" style="border-radius: 8px;width:100%;"/>
                        <div class="wx-bestvcard" data-phone="{{member.phone_number}}"
                             style="margin-left:1em;position: relative;bottom: 2em; display: inline;color: white;font-size: larger;font-weight:800">
                            NO:{{member.phone_number}}
                        </div>
                    </div>
                </li>
            {{#each cards}}
                <li class="swipeout card">
                    <div class="swipeout-content">
                        <div valign="bottom"
                             class="card-header color-white no-border"
                             style="height: 25vw;background-size: cover;background-position: center;">
                            <h3 class="color-gray">{{card_type_name}}</h3>
                            <h5 class="color-black"> No.{{card_code}}</h5>
                        </div>
                    </div>
                    <div class="swipeout-actions-right">
                        <a class="swipeout-close swipeout-delete" href="#" data-bind-id="{{bind_id}}">取消绑定</a>
                    </div>
                </li>
            {{/each}}
            </ul>
        </div>
        </div>
    </div>
</div>

